$(function(){

    // $('.username').focus();

    var r = new Vue({
        el:'#register-content',
        data:{
            phone:"",
            code:"",
            password:"",
        },
        methods:{
            selectBox:function(event){
                var t = $(event.currentTarget).parent().find('input').prop('checked');
                if(t){
                    $(event.currentTarget).parent().find('input').prop('checked',false);
                }else{
                    $(event.currentTarget).parent().find('input').prop('checked',true);
                    $('.password').parent().find('.error-line').addClass('hidden');
                }

            },
            changeShowPass:function(event){
                var currType = event.currentTarget.getAttribute('value');
                if(currType == '1'){
                    event.currentTarget.setAttribute('value',0);
                    event.currentTarget.setAttribute('src',"image/zhengyan.png");
                    $(event.currentTarget).prev().attr('type',"text");
                }else{
                    event.currentTarget.setAttribute('value',1);
                    event.currentTarget.setAttribute('src',"image/biyan.png");
                    $(event.currentTarget).prev().attr('type',"password");
                }
            },

            goLogin: function(){
                location.href = 'login.html';
            },
            setFocus:function(imgName,event){
                // alert(imgName);
                // $(event.currentTarget).prev().attr({'src':'image/'+imgName+'2.png'});
                // $('.icon-input').css({'border':'1px solid rgba(241,243,245,1)'}).parent().find('.error-line').addClass('hidden');
                $('.icon-input').removeClass('input-error input-active').parent().find('.error-line').addClass('hidden');
                $(event.currentTarget).addClass('input-active').prev().attr({'src':'image/'+imgName+'2.png'});
            },
            setBlur:function(imgName,event){
                // alert(imgName);
                // $(event.currentTarget).prev().attr({'src':'image/'+imgName+'.png'});
                // $('.icon-input').parent().find('.error-line').addClass('hidden');
                $(event.currentTarget).prev().attr({'src':'image/'+imgName+'.png'});
                $('.icon-input').removeClass('input-active').parent().find('.error-line').addClass('hidden');
            },
            getCode:function(){
                if(!checkPhone(this.phone)){ //验证手机号
                    $('.phone').prev().attr({'src':'image/loginPhone2.png'});
                    $('.phone').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('手机格式不正确');
                    $('.phone').parent().find('.error-line').removeClass('hidden');
                    return false;
                }else{
                    var data = {element: code };
                    getPicLogin(data);  //获取图形验证码

                    code.inCode = "";
                    var left = ($(window).width()- 400)/2;
                    var top = ($(window).height()- 310)/2;
                    $('#loginModal').modal('show').css({
                        'margin-top':top,
                        'margin-left':left,
                        'width':400,
                        'height':310,
                    });
                }
            },
            //登录
            toRegister:function(){
                //注册账户
                //验证手机号
                if(!checkPhone(this.phone)){
                    $('.phone').prev().attr({'src':'image/loginPhone2.png'});
                    $('.phone').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('手机格式不正确');
                    $('.phone').next().children().removeClass('hidden');
                    return false;
                }
                //验证code
                if(!checkCode(this.code)){
                    $('.code').prev().attr({'src':'image/loginCode2.png'});
                    $('.code').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('验证码格式不正确');
                    $('.code').parent().find('.error-line').removeClass('hidden');
                    return false;
                }
                //验证密码
                if(!checkPass(this.password)){
                    $('.password').prev().attr({'src':'image/loginPass2.png'});
                    $('.password').removeClass('input-active').addClass('input-error').parent().find('.error-msg').text('密码格式不正确');
                    $('.password').parent().find('.error-line').removeClass('hidden');
                    return false;
                }
                //验证同意
                if(!$('#agree').prop('checked')){
                    // $('.argee').prev().attr({'src':'image/loginPhone2.png'});
                    $('.password').parent().find('.error-msg').text('请输入同意相关协议');
                    $('.password').parent().find('.error-line').removeClass('hidden');
                    return false;
                }
                var data = {
                    mobile: this.phone, //	手机号	是	11	String
                    password: this.password , //	密码	是	30	String
                    smsCode: this.code, //	注册短信验证码	是	6	String
                    refererMobile:"", //	推荐人手机号	否	11	String
                };
                getRegistry(data);

            },
        },

    });

    var code = new Vue({
        el: '#loginModal',
        data:{
            inCode:"",
            // currCode:"",
            imgUrl:"",
        },
        methods:{
            checkCode:function(){
                if(this.inCode && this.inCode.length == 4){
                    $('#loginModal').modal('hide');
                    var data = {
                        mobile: r.phone, //	手机号	是	11	String
                        picCode: this.inCode,//图形验证码
                    };
                    getMsgRegistry(data);
                }else{
                    $('#loginModal .error-msg').text('验证码输入错误！');
                    $('#loginModal .error-input-msg').removeClass('hidden');
                }


            },
            flushCode:function(){
                $('#loginModal .error-input-msg').addClass('hidden');
                var data={element: this};
                getPicLogin(data);//获取图形验证码
            }
        },
        mounted:function(){
            this.$nextTick(function(){
                $('#loginModal .error-input-msg').addClass('hidden');
            });
        }
    });

});